<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0, user-scalable=no">
    <title>校园浏览</title>
    <!--<link rel="stylesheet"
          href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>-->
    <link rel="stylesheet"
          href="dist/css/bootstrap.min.css">
    <script src="dist/js/jquery-2.1.4.min.js"></script>
    <script src="dist/js/bootstrap.min.js"></script>
    <style>
        body {
            padding-top: 80px;
        }
    </style>
    <script>
        function selectMap(url) {
            document.getElementById("replace").innerHTML = "<iframe frameborder=\"no\" border=\"0\" marginwidth=\"0\" marginheight=\"0\" width=\"100%\" height=\"500px\" src=\"" + url + "\"></iframe>";
        }
    </script>
</head>
<body  onload="selectMap('map/yeuschool.html')">
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <nav class="navbar navbar-default navbar-fixed-top" role="navigation" >
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse"
                                data-target="#example-navbar-collapse">
                            <span class="sr-only">切换导航</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <img alt="140x140" src="images/favicon.ico" class="img-circle" width=22px
                             style="float: left;margin-top: 13px"/>
                        <p class="navbar-brand">仰恩社区</p>
                    </div>
                    <div class="collapse navbar-collapse navbar-responsive-collapse"
                         id="example-navbar-collapse">
                        <div class="col-xs-6" style="margin-top: 10px;margin-left: 50px">
                            <ul class="nav nav-pills nav-justified" style="margin-right: 50px">
                                <li ><a href="Index"><strong>校园动态</strong></a></li>
                                <li ><a href="news.html"><strong>校园新闻</strong></a></li>
                                <li class="active"><a href="campusbrows.html"><strong>校园浏览</strong></a></li>
                                <li><a href="campusview.html"><strong>校园风采</strong></a></li>
                                <li><a href="personal.html"><strong>我的心愿墙</strong></a></li>
                                <li><a href="aboutours.html"><strong>关于网站</strong></a></li>
                            </ul>
                        </div>
                        <!--<div style="margin-top: 3px;float: right">
                            <ul class="nav navbar-nav navbar-right">
                                <li><a href="regist.html"><span class="glyphicon glyphicon-user"></span>
                                    注册</a></li>
                                <li><a href="login.html"><span class="glyphicon glyphicon-log-in"></span> 登录</a>
                                </li>
                            </ul>
                        </div>-->
                    </div>
                </div>
            </nav>
        </div>
    </div>

    <div class="row clearfix">
        <div class="col-md-3 column" >
            <div class="col-xs-12 column">
                <div class="panel panel-info">
                    <div class="panel-heading">
                        <h3 class="panel-title"><span class="glyphicon glyphicon-map-marker"></span>
                            校园导航</h3>
                    </div>
                    <a href="#" class="list-group-item" onclick="selectMap('map/yeuschool.html')"><span
                            class="glyphicon glyphicon-hand-right"></span> 仰恩大学</a>
                    <a href="#" class="list-group-item" onclick="selectMap('map/old-xueshengjie.html')"><span
                            class="glyphicon glyphicon-hand-right"></span> 旧区-学生街</a>
                    <a href="#" class="list-group-item" onclick="selectMap('map/old-diyijiaoxueqi.html')"><span
                            class="glyphicon glyphicon-hand-right"></span> 旧区-第一教学区</a>
                    <a href="#" class="list-group-item" onclick="selectMap('map/old-sankeqiu.html')"><span
                            class="glyphicon glyphicon-hand-right"></span> 旧区-三棵球</a>
                    <a href="#" class="list-group-item" onclick="selectMap('map/old-caihongqiao.html')"><span
                            class="glyphicon glyphicon-hand-right"></span> 旧区-彩虹桥</a>
                    <a href="#" class="list-group-item" onclick="selectMap('map/old-xiangxianlou.html')"><span
                            class="glyphicon glyphicon-hand-right"></span> 旧区-祥贤楼</a>
                    <a href="#" class="list-group-item" onclick="selectMap('map/old-xingzhenglou.html')"><span
                            class="glyphicon glyphicon-hand-right" ></span> 旧区-行政楼</a>
                    <a href="#" class="list-group-item" onclick="selectMap('map/old-jironglou.html')"><span
                            class="glyphicon glyphicon-hand-right" ></span> 旧区-吉隆楼</a>
                    <a href="#" class="list-group-item" onclick="selectMap('map/old-yangguanglou.html')"><span
                            class="glyphicon glyphicon-hand-right" ></span> 旧区-仰光楼</a>
                    <a href="#" class="list-group-item" onclick="selectMap('map/old-zechuanlou.html')"><span
                            class="glyphicon glyphicon-hand-right"></span> 旧区-泽川楼</a>
                    <a href="#" class="list-group-item" onclick="selectMap('map/new-tushuguan.html')"><span
                            class="glyphicon glyphicon-hand-right" ></span> 新区-图书馆</a>
                    <a href="#" class="list-group-item" onclick="selectMap('map/new-wentizhongxin.html')"><span
                            class="glyphicon glyphicon-hand-right" ></span> 新区-文体中心</a>
                    <a href="#" class="list-group-item" onclick="selectMap('map/new-xingzhenglou.html')"><span
                            class="glyphicon glyphicon-hand-right" ></span> 新区-行政楼</a>
                    <a href="#" class="list-group-item" onclick="selectMap('map/new-yangenlou.html')"><span
                            class="glyphicon glyphicon-hand-right" ></span> 新区-仰恩楼</a>
                    <a href="#" class="list-group-item" onclick="selectMap('map/new-puzhaolou.html')"><span
                            class="glyphicon glyphicon-hand-right" ></span> 新区-普照楼</a>
                    <a href="#" class="list-group-item" onclick="selectMap('map/new-xueshengjie.html')"><span
                            class="glyphicon glyphicon-hand-right" ></span> 新区-学生街</a>
                </div>

            </div>
        </div>
        <div class="col-md-9 column ">
            <div class="col-xs-12 column">
                <div class="panel panel-info">
                    <div class="panel-heading">
                        <h3 class="panel-title">校园3D游览</h3>
                    </div>
                    <div class="panel-body">
                        <span id="replace"></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="bottom" style="margin-top: 10px;color: #2aabd2">
        <hr>
        <h5 class="text-center" >COPYRIGHT 2016 YANGENSHUO all right RESERVED 版权所有·仰恩说 </h5>
    </div>
</div>
</body>
</html>